<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>footer</title>
  <style>
    #footer1{
      height:399px;
      width: 1800px;
      background-color: black;
      /*padding: 30px 0 0 20px;*/
      white-space: nowrap;
      position:relative;
    }
    #f1{
      width: 400px;
      margin-top: 150px;
      margin-left: 200px;
      position:absolute;
      display: inline-block;

    }
    #f_r{
      width: 600px;
      height:300px;
      /*float: top;*/
      margin-left: 650px;
      position:absolute;
      display: inline-block;
    }
    #f2{
      width:1px;
      height: 80px;

      background-color: lightgrey;
      display:inline-block;
    }
    img{
      display: inline-block;
    }
    a{
      color:white;
      text-decoration: none;
    }
    #f_r1{
      margin-top: 30px;
      float: left;
      margin-bottom: 40px;

    }
    #f_r2{
      float: left;
      margin-bottom: 20px;
    }
    #f_r3{
      float: left;
      width: 600px;
      height: 132px;
      /*border: black solid 1px;*/
    }
    span{
      color:#c1c1c1 ;
      font-size: 14px;
    }
    #fr3_1{background-image: url("../bh_img/f_icon1.png")}
    #fr3_2{background-image: url("../bh_img/f_icon2.png")}
    #fr3_3{background-image: url("../bh_img/f_icon3.png")}
    #fr3_4{background-image: url("../bh_img/f_icon4.png")}
    #fr3_5{background-image: url("../bh_img/f_icon5.png")}
    #fr3_6{background-image: url("../bh_img/f_icon6.png")}
    #fr3_7{background-image: url("../bh_img/f_icon7.png")}
    #f_r3>a{
      display: inline-block;
      width: 116px;
      height: 46px;
      margin-right: 15px;
      background-size: 116px 46px;
      margin-bottom: 10px;
      text-decoration: none;
    }
  </style>
</head>
<body>
<div id="footer1">
  <div id="f1">
    <img src="../bh_img/mihoyo.png" alt="">
    <div id="f2">
    </div>
    <img src="../bh_img/bh_logo.png" alt="">
  </div>
  <div id="f_r">
    <div id="f_r1">
      <a href="">用户协议 | </a>
      <a href="">隐私政策 | </a>
      <a href="">儿童隐私政策 | </a>
      <a href="">自律公约 | </a>
      <a href="">成长关爱 | </a>
      <a href="">关于我们 | </a>
      <a href="">联系我们 | </a>
      <a href="">加入我们 | </a>
    </div>
    <div id="f_r2">
      <span>健康游戏忠告：抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。</span><br>
      <span>适龄提示:本游戏适合12岁以上玩家娱乐│沪公网安备31010402001113号│增值电信业务经营许可证:沪B2-20190555</span><br>
      <span>沪ICP备19018275号-4沪网文〔2022]1334-052号│文网游备字〔2016] M-CSG 1244号│新广出审【2016]961号</span><br>
      <span>互联网违法不良信息举报邮箱: tousu@service.mihoyo.com互联网违法不良信息举报电话:021-60371750(工作时间:每天10点-20点)</span><br>
      <span>亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您—旦收到来电，立即接听</span><br>
      <span>未成年成长关爱热线:021-60371740(服务时间:8:00-23:00)</span><br>
      <span> 2016米哈游版权所有|上海米哈游影铁科技有限公司&nbsp客服电话:400-666-6312</span>
    </div>

    <div id="f_r3">
      <a id="fr3_1" href=""></a>
      <a id="fr3_2" href=""></a>
      <a id="fr3_3" href=""></a>
      <a id="fr3_4" href=""></a>
      <a id="fr3_5" href=""></a>
      <a id="fr3_6" href=""></a><br>
      <a id="fr3_7" href=""></a>
    </div>
  </div>
</div>
</body>
</html>